<template>
  <CommonTipIcon
    :icon="iconComponent"
    :tooltipContent="tooltipContent"
    @click="toggle"
  />
</template>

<script setup lang="ts">
const { isFullscreen, toggle } = useFullscreen();
const tooltipContent = computed(() => (isFullscreen.value ? "退出全屏" : "全屏"));
const iconComponent = computed(() =>
  isFullscreen.value ? "gridicons-fullscreen-exit" : "gridicons-fullscreen"
);
</script>

<style lang="less"></style>
